<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta name="generator" content="Jarvis 3.0.0"/>
    <meta name="author" content="Jarvis Team"/>
    <meta name="copyright" content="2020-2026 Jarvis Inc."/>


    <meta name="subdir" content="/"/>

    <meta name="Keywords" th:content="${artwork.name}">
    <meta name="description" th:content="${artwork.name}"/>
    <title>[[ ${artwork.name} ]]</title>
    <!-- PAGEICO -->
    <!-- PAGBGSOUND -->
    <link rel="stylesheet" type="text/css" name="public_css" th:href="@{/css/public.css}"/>

    <link rel="stylesheet" type="text/css" name="page_theme_css" th:href="@{/css/page_1279620398.css}"/>

    <link rel="stylesheet" type="text/css" name="current_page_css" th:href="@{/css/pps_0.css}"/>

    <SCRIPT LANGUAGE="JavaScript" th:src="@{/js/jquery-1.5.2.min.js}"></SCRIPT>
    <script language="JavaScript" th:src="@{/js/common.js}"></script>
    <script language="JavaScript" th:src="@{/js/form.js}"></script>
    <SCRIPT LANGUAGE="JavaScript" th:src="@{/js/jquery.corner.js}"></SCRIPT>


    <script language="JavaScript" th:src="@{/js/bas.js}"></script>
    <script th:src="@{/js/bas_replace_class.js}" language="JavaScript"></script>
    <style>
        .pro_class {
            margin-top: 20px;
            width: 100%;
            border-top: 1px solid #E4E4E4;
            position: relative;
        }

        .clearfix {
            display: block;
        }

        .portfolio-bg {
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 0;
            border-top: 1px solid #E4E4E4;
            top: 40px;
        }

        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        #options {
            text-align: center;
        }

        #options ul {
            margin: 0;
            list-style: none;
            display: inline-block;
        }

        #filters li {
            float: left;
        }

        #options li a {
            display: block;
            color: #666666;
            font-size: 16px;
            cursor: pointer;
            text-align: center;
            padding: 10px 20px;
            border-left: 1px solid #E4E4E4;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
        }

        .header_active_item {
            color: #b68036 !important;
        }
    </style>
    <script type="text/javascript" th:src="@{/js/baiduhm.js}" ></script>
    <script type="text/javascript" th:src="@{/js/pc/redirectMobile.js}" ></script>

</head>

<body>
<!-- PUBLICHEAD -->
<!-- PUBLICAPPHEAD --><!--begin layout (6) -->
<div class="theme_layoutbox_1400635180">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635180">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 5-->
                <dl class='theme_block_1231159117 theme_block_5'>
                    <dd class='theme_body_1231159117 theme_body_5'>
                        <div class="vt_b">
                            <div class="vt_bf">
                                <div class="vt_fd">
                                    <div class="vt_fc">

                                        <!--										<a href="#" target="_self">简体</a>-->
                                        <!--										<a target="_self">繁体</a>-->

                                    </div>
                                </div>
                                <div class="vt_fa bgm"><a target="_self">[[ ${artwork.name} ]] </a></div>
                                <!--div id="vt_denglu">


        </div-->

                            </div>

                        </div>

                        <div><a target="_blank">[[ ${artwork.name} ]] <span>[surnwo.com]</span></a></div>
                    </dd>
                </dl>

                <!--end block 5--><!-- FRAME6-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--顶部牌匾 start-->
<div class="theme_layoutbox_1208765579" style="position: relative;width: 100%;height: 225px;">
    <img th:src="${artistTemp.bannerUrl}" style="width: 1180px;height: 225px;">
    <div style="width: 1180px;height: 225px;position: relative;bottom: 225px;margin: 0 auto;"
         th:utext="${artistTemp.bannerText}"></div>
</div>
<!--顶部牌匾 end-->

<div class="pro_class">

    <div id="cbp-so-scroller" class="cbp-so-scroller">
        <div id="portfolio" class="clearfix">
            <div class="portfolio-bg"></div>
            <div class="container typo1 in_prolist">
                <div class="wrapper clearfix">
                    <div id="options" class="clearfix">
                        <ul id="filters" class="option-set clearfix" data-option-key="filter">
                            <!--                            style="border:none;"-->
                            <style>
                                .no-left-border {
                                    border-left: none !important;
                                }
                            </style>
                            <li class="header_item" th:each="artistSectionTemp,index:${artistSectionTemps}"
                                th:class="${index == 0}? 'no-left-border' : ''">
                                <a th:href="@{/artist/page(id=${id},sid=${artistSectionTemp.id})}"
                                   th:class="${artistSectionTemp.sectionId == sectionId}? 'header_active_item' : ''">[[
                                    ${artistSectionTemp.name} ]]</a>
                            </li>
                            <script>
                                function showDropdown(elem) {
                                    var dropdown = elem.querySelector("#dropdown");
                                    dropdown.style.display = "block";
                                }

                                function hideDropdown(elem) {
                                    var dropdown = elem.querySelector("#dropdown");
                                    dropdown.style.display = "none";
                                }
                            </script>
                            <style>
                                #dropdown li {
                                    float: none;
                                }

                                #dropdown li:hover {
                                    background-color: #b68036;
                                    color: white;
                                }

                                #dropdown li:hover a {
                                    background-color: #b68036;
                                    color: #fff !important;
                                }
                            </style>
                            <li style="display: block;color: #666666;font-size: 16px;cursor: pointer;text-align: center;padding: 10px 20px;border-left: 1px solid #E4E4E4;"
                                onmouseover="showDropdown(this)" onmouseout="hideDropdown(this)">
                                机构链接
                                <ul id="dropdown"
                                    style="z-index:999;display: none;position: absolute;background-color: #fff;border: 1px solid #ccc;padding: 10px;">
                                    <li th:each="depart:${departs}"><a th:href="@{/depart(id=${depart.depId})}">[[
                                        ${depart.departName} ]]</a></li>
                                </ul>
                            </li>
                        </ul><!--end:filters-->
                    </div>
                </div><!--end:wrapper-->

            </div><!--end:typo1-->
        </div>
    </div>
</div>


<div style="clear: both;">

</div>

<!--正文 start-->
<div class="theme_layoutbox_1208765579 page-content">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">


        <tr></tr>
        <td colspan="3" rowspan="1" width="1180" align="left" valign="top">
            <!--begin block 14-->
            <style>
                .n41 {
                    margin-left: 10px;
                    margin-top: 10px;
                    width: 1158px;
                }

                .n41a {
                    width: 1112px;
                }

                .n41_r {
                    width: 888px;
                }

                .letter-item {
                    margin-right: 20px;
                    color: #333;
                }

                .active-letter-item {
                    margin-right: 20px;
                    color: #b68036;
                    font-size: 18px;
                }
            </style>

            <dl class='theme_block_1231159117 theme_block_20'
                style="background: #fff;height: auto;border: none;padding-bottom: 20px;">
                <dd style="border-bottom: 1px dashed #ccc;width: 1090px;text-align: left;height: 32px;font-size: 16px;margin-top: 10px">
                    <div STYLE="margin-bottom: 10px;">
                        <a style="color: #ccc;font-size: 18px;" th:href="@{/artist/page(id=${id},sid=${sid})}">[[
                            ${backName} ]]</a>
                        <span style="margin-left: 5px;margin-right: 5px;font-size: 12px;position: relative;bottom: 2px;color: #ccc;">▶</span>
                        <a class="active-letter-item">[[ ${artwork.name} ]]</a>
                    </div>


                </dd>
                <style>
                    .thumb-pic-list {
                        width: 195px;
                        float: left;
                        height: 930px;
                        margin-left: 20px;
                        margin-right: 10px;
                        overflow-x: hidden;
                        overflow-y: auto;
                    }

                    .thumb-pic-list::-webkit-scrollbar {
                        width: 5px; /* 设置滚动条的宽度 */
                    }

                    .thumb-pic-list::-webkit-scrollbar-track {
                        background: transparent; /* 设置滚动条轨道的背景颜色 */
                    }

                    .thumb-pic-list::-webkit-scrollbar-thumb {
                        background: transparent; /* 设置滚动条滑块的颜色 */
                    }

                    .thumb-pic-list::-webkit-scrollbar-thumb:hover {
                        background: #ccc; /* 设置滚动条滑块在鼠标悬停时的颜色 */
                    }

                    #show-pic {
                        max-width: 910px;
                        max-height: 910px;
                        width: auto;
                        height: auto;
                    }
                    .thumb-pic-border{
                        width: 185px;height: 185px;display: flex; align-items: center; justify-content: center;background: #eee;border-radius: 8px;
                    }

                    .selected {
                        border: 2px solid #b68036;
                    }
                    .overlay {
                        display: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(0, 0, 0, 0.7);
                        z-index: 1000;
                        overflow: auto;
                    }

                    .overlay img {
                        display: block;
                        max-width: 90%;
                        max-height: 90%;
                        margin: auto;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }

                    .overlay button {
                        border: none;
                        cursor: pointer;
                        padding: 30px;
                        font-size: 16px;
                    }

                    .close-btn {
                        top: 10px;
                        right: 10px;
                        position: absolute;
                        background: transparent;
                    }
                    .close-btn img{
                        width: 60px;
                    }

                    .zoom-in-btn {
                        background: transparent;
                        bottom: 10px;
                        left: calc(50% - 60px);
                    }
                    .zoom-in-btn img{
                        width: 60px;
                        position: inherit;
                    }

                    .zoom-out-btn {
                        background: transparent;
                        bottom: 10px;
                        left: calc(50% + 60px);
                    }
                    .zoom-out-btn img{
                        width: 60px;
                        position: inherit;
                    }
                    .zoom-button{
                        position: absolute;
                        bottom: 10px;
                        text-align: center;
                        width: 100%;
                    }
                    #zoom-value{
                        font-size: 60px;
                        color: #fff;
                        margin-left: 30px;
                        margin-right: 30px;
                        position: relative;
                        bottom: 10px;
                    }
                </style>
                <!-- 遮罩层 -->
                <div class="overlay" id="overlay">
                    <div style="width: 100%;
                        height: 90%;overflow: auto">
                    <img id="fullscreen-image" src="" alt="">
                    </div>
                    <button class="close-btn" onclick="hideImage()"><img th:src="@{/images/close.png}"></button>
                    <div class="zoom-button">
                        <button class="zoom-out-btn" onclick="zoomOut()"><img th:src="@{/images/minus.png}"></button>
                        <span id="zoom-value">100%</span>
                        <button class="zoom-in-btn" onclick="zoomIn()"><img th:src="@{/images/plus.png}"></button>
                    </div>
                </div>
                <dd style="padding-top: 30px;margin-bottom: 30px;margin-left: 0px;">
                    <div class="thumb-pic-list" id="thumb-pic-list">
                        <div  style="width: 190px;height: 190px;display: flex; align-items: center; justify-content: center;margin-bottom: 15px;">
                            <div class="thumb-pic-border">
                                <img th:src="${artwork.url}" onload="resizeImage1(this)" style="border-radius: 8px;">
                            </div>
                        </div>
                        <div th:each="artworkOtherPic:${artworkOtherPics}" style="width: 190px;height: 190px;display: flex; align-items: center; justify-content: center;margin-bottom: 15px;">
                            <div class="thumb-pic-border">
                            <img th:src="${artworkOtherPic.url}" onload="resizeImage1(this)" style="border-radius: 8px;">
                            </div>
                        </div>
                    </div>
                    <div style="width: 930px;float: left;height: 930px;display: flex; align-items: center; justify-content: center;background: #eee;border-radius: 8px;">
                        <img id="show-pic" onclick="showImage(this)" th:src="${artwork.url}" onload="resizeImage(this)">
                    </div>
                    <script>
                        function resizeImage(img) {
                            var width = img.naturalWidth;
                            var height = img.naturalHeight;

                            if (width > height) {
                                img.style.width = '910px';
                                img.style.height = 'auto';
                            } else {
                                img.style.width = 'auto';
                                img.style.height = '910px';
                            }
                        }

                        function resizeImage1(img) {
                            var width = img.naturalWidth;
                            var height = img.naturalHeight;

                            if (width > height) {
                                img.style.width = '180px';
                                img.style.height = 'auto';
                            } else {
                                img.style.width = 'auto';
                                img.style.height = '180px';
                            }
                        }
                    </script>
                    <div style="clear: both;"></div>

                    <div style="font-size: 24px;margin-top: 20px;">《 [[ ${artwork.name} ]] 》</div>
                </dd>

                <script>
                    let currentScale = 1; // 当前缩放比例

                    function showImage(img) {
                        const overlay = document.getElementById('overlay');
                        const fullscreenImage = document.getElementById('fullscreen-image');
                        fullscreenImage.src = img.src;
                        overlay.style.display = 'block';
                    }

                    function hideImage() {
                        const overlay = document.getElementById('overlay');
                        overlay.style.display = 'none';
                    }

                    function zoomIn() {
                        currentScale += 0.5;
                        document.getElementById('zoom-value').innerText = currentScale * 100 + '%';
                        applyZoom();
                    }

                    function zoomOut() {
                        currentScale -= 0.5;
                        document.getElementById('zoom-value').innerText = currentScale * 100 + '%';
                        applyZoom();
                    }

                    function applyZoom() {
                        const fullscreenImage = document.getElementById('fullscreen-image');
                        fullscreenImage.style.transform = `scale(${currentScale})`;
                    }




                    // 获取所有图片元素
                    const images = document.querySelectorAll('#thumb-pic-list div div');

                    // 为每个图片添加点击事件监听器
                    images.forEach(image => {
                        image.addEventListener('click', function () {
                            // 移除所有图片的选中样式
                            images.forEach(img => img.classList.remove('selected'));
                            // 为当前点击的图片添加选中样式
                            this.classList.add('selected');
                        });
                    });


                    // 获取所有缩略图
                    const thumbPics = document.querySelectorAll('#thumb-pic-list img');

                    // 获取显示图片的元素
                    const showPic = document.getElementById('show-pic');

                    // 为每个缩略图添加点击事件监听器
                    thumbPics.forEach(thumbPic => {
                        thumbPic.addEventListener('click', () => {
                            // 点击时更新显示图片的src属性
                            showPic.src = thumbPic.src;
                        });
                    });
                </script>

                <dd style="padding-bottom: 30px">

                    <div style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245);border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;"
                             title="作者">作者
                        </div>
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;"
                             th:title="${artwork.artistName}">[[ ${artwork.artistName} ]]
                        </div>
                    </div>

                    <div style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245);border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;"
                             title="艺术品类型">艺术品类型
                        </div>
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;"
                             th:title="${artwork.artTypeName}">[[ ${artwork.artTypeName} ]]
                        </div>
                    </div>

                    <div style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245);border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;"
                             title="创作时间">创作时间
                        </div>
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;"
                             th:title="${artwork.createSrt}">[[ ${artwork.createSrt} ]]
                        </div>
                    </div>

                    <div style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245); border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;"
                             title="编号">编号
                        </div>
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;"
                             th:title="${artwork.artworkNum}">[[ ${artwork.artworkNum} ]]
                        </div>
                    </div>

                    <div style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;"
                             title="规格">规格
                        </div>
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;"
                             th:title="${artwork.spec}">[[ ${artwork.spec} ]]
                        </div>
                    </div>

                    <div style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;"
                             title="价格">价格
                        </div>
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;"
                             th:title="${artwork.price}">[[ ${artwork.price} ]]元
                        </div>
                    </div>

                    <div th:if="${artwork.remarks !=null}" style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-left: 1px solid rgb(240, 243, 245); border-bottom: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 1100px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start;  text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; overflow: hidden; text-align: left; "
                             th:title="${artwork.remarks}" th:utext="${artwork.remarks}"></div>
                    </div>


                </dd>


            </dl>

            <!--end block 14--><!-- FRAME5-2-1 -->
        </td>
        </tr>


    </table>
</div>
<!--正文 end-->
<div class="theme_layoutbox_1400835584">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835584">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 12-->
                <dl class='theme_block_1231159117 theme_block_12'>
                    <dd class='theme_body_1231159117 theme_body_12'>
                        <ul class="i12t">
                            <li style="background-color:#ed4b3c;"></li>
                            <li style="background-color:#41bef4;"></li>
                            <li style="background-color:#b68036;"></li>
                            <li style="background-color:#459b9a;"></li>
                            <li style="background-color:#ffa904;"></li>
                        </ul>

                        <ul class="i12">
                            <span>站点地图：</span>
                            <a href="/" target="_blank">宣和艺网首页</a>
                            <a href="/depart/list" target="_blank">艺术机构</a>
                            <a href="/search?type=1" target="_blank">艺术名家</a>
                            <!--							<a href="/search?type=2" target="_blank">艺术展览</a>-->
                            <!--							<a href="/search?type=4" target="_blank">文章资讯</a>-->
                        </ul>


                    </dd>
                </dl>

                <!--end block 12--><!-- FRAME10-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (10) -->
<!--begin layout (11) -->
<div class="theme_layoutbox_1400835667">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835667">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 11-->
                <dl class='theme_block_1231159117 theme_block_11'>
                    <dd class='theme_body_1231159117 theme_body_11'>
                        <ul class="i11">
                            <li><a href="/" target="_blank">中山端航科技版权所有，请勿转载 Copyright © Surnwo Art-Grid
                                All Rights
                                Reserved
                            </a>
                            </li>
                            <li>
                                <span></span><span></span><span></span><span></span><a
                                    href=""
                                    target="_blank"></a><span></span><span>技术支持:</span><a
                                    href="http://surnwo.com/"
                                    target="_blank">中山端航科技<span></span></a><a
                                    href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2023141016号-5 </a>
                            </li>
                        </ul>


                    </dd>
                </dl>

                <!--end block 11--><!-- FRAME11-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (11) -->
<!-- PUBLICAPPFOOT -->
<!-- PUBLICFOOT -->
</body>

</html>
